<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>祝光雨的个人简历（只是web的期末作业）</title>
    <meta name="theme-color" content="#ffc91d"/>
    <link rel="icon" href="static/img/32.png" sizes="32x32"/>
    <link rel="icon" href="static/img/192.png" sizes="192x192"/>
    <link href="static/kico.css" rel="stylesheet" type="text/css"/>
    <link href="static/paul.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1"/>
</head>
<body>
<aside class="sidebar">
    <div class="avatar">
        <img src="static/img/avatar.jpg" title="烙凌Ski"/>
    </div>
    <nav class="nav">
        <a href="#info">资料</a>
        <a href="#skills">技能</a>
        <a href="#works">作品</a>
        <a href="#story">经历</a>
        <a href="#team">其他内容</a>
    </nav>
</aside>

<main>
    <section id="info">
        <div class="wrap">
            <h2 class="title">个人资料</h2>
            <div class="row">
                <div class="col-l-4">
                    <p>姓名：祝光雨 </p>
                    <p>性别：男 </p>
                    <p>年龄：20 </p>
                    <p>英文名：Luolin</p>
                    <p>学历：本科毕业 </p>
                </div>
                <div class="col-l-4">
                    <p>QQ：916444180</p>
                    <p>GitHub：<a href="https://github.com/Lovelinn">Lovelinn</a></p>
                    <p>博客：<a href="————">————</a></p>
                    <p>邮箱：<a href="916444180@qq.com">916444180@qq.com</a></p>
                </div>
                <div class="col-l-4">
                    <p>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</p>
                </div>
            </div>
        </div>
    </section>
    <section id="skills">
        <div class="wrap">
            <h2 class="title">掌握的技能</h2>
            <div class="row scrollable">
                <div class="col-s-6 col-m-4 center-fixed">
                    <div class="skills-icon">
                        <i class="fa fa-C"></i>
                    </div>
                    <div class="skills-title">
                        <h3>C++</h3>
                        <p>C++</p>
                    </div>
                </div>
                <div class="col-s-6 col-m-4 center-fixed">
                    <div class="skills-icon">
                        <i class="fa fa-p"></i>
                    </div>
                    <div class="skills-title">
                        <h3>python</h3>
                        <p>python</p>
                    </div>
                </div>
                <div class="col-s-6 col-m-4 center-fixed">
                    <div class="skills-icon">
                        <i class="fa fa-d"></i>
                    </div>
                    <div class="skills-title">
                        <h3>datagrip</h3>
                        <p>数据库</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="works">
        <div class="wrap">
            <h2 class="title">个人作品</h2>
            <div class="row">
                <div class="col-s-6">
                    <div class="works-item">
                        <img src="static/img/works/binkic-2017.jpg"/>
                        <p>测试标题1</p>
                    </div>
                </div>
                <div class="col-s-6">
                    <div class="works-item">
                        <img src="static/img/works/space.jpg"/>
                        <p>测试标题2</p>
                    </div>
                </div>
                <div class="col-s-6">
                    <div class="works-item">
                        <img src="static/img/works/dream.jpg"/>
                        <p>测试标题4</p>
                    </div>
                </div>
                <div class="col-s-6">
                    <div class="works-item">
                        <img src="static/img/works/kico-style.jpg"/>
                        <p>测试标题5</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="story">
        <div class="wrap">
            <h2 class="title">个人经历</h2>
            <div class="row">
                <div class="col-m-8">
                    <ul class="timeline">
                        <li>2001.1.1：文本测试</li>
                        <li>2002.2.2：文本测试</li>
                        <li>2003.3.3：AAAAA<a>BBBBB</a></li>
                        <li>2004,4,4：讲述英国首相丘吉尔在作为首相期间面临的最重要的审判<a href="https://www.bilibili.com/bangumi/play/ep508811" target="_blank">至暗时刻</a></li>
                        <li>2005.5.5：bilibili知名up主-LKS-集合的一个<a href="https://lkssite.vip/" target="_blank">超好用的工具网站</a> </li>
                        <li>2006.6.6：——————</li>
                        <li>2007.7.7：——————</li>
                        <li>2008.8.8：——————</li>
                        <li>2009.9.9：——————</li>
                        <li>2010.10.10：——————</li>
                        <li>2011.11.11：——————</li>
                        <li>2012.12.12：——————</li>
                        <li>2022.12.04：一个代码转文本高亮格式的<a href="http://www.codeinword.com" target="_blank">网站</a><——</li>
                    </ul>
                </div>
                <div class="col-m-4 center-fixed">
                    <img src="static/img/story.png"/>
                </div>
            </div>
        </div>
    </section>
    <section class="content-d" id="team">
        <div class="wrap">
            <h2 class="title">更多的能容测试，还没想好些什么</h2>
            <div class="row">
                <div class="col-m-6">
                    <p>文本测试</p>
                </div>
                <div class="col-m-6 center">
                    <img src="static/img/team.png"/>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <p>底部内容测试</p>
    </footer>
</main>

<script src="static/kico.js"></script>
<script src="static/paul.js"></script>

</body>
</html>